.page-head {
  .brand {
    padding:20px 0;
    text-align: center;
    border-bottom:1px solid #e5e5e5;
    @include mobile {
      color: #444;
    }

    @include tablet {
      color: red;
    }

    @include desktop {
      color: yellow;
    }

    @include desktop-hd {
      color: green;
    }
  }

  // .menu
  .menu{
    ul{
      text-align: center;
      border-bottom:1px solid #7f7f7f;
      li{
        display: inline-block;
        margin:0 50px;

        @include mobile{
          margin:0 10px;
        }

        @include tablet{
          margin:0 20px;
        }
        a{
          text-decoration: none;
          font-size:14px;
          line-height:30px;
          color:#000;
        }
      }
      &:after{
        content:"";
        clear:both;
      }
    }
  }
}